<!--
 * @Description  : 
 * @Author       : jiangxiaoying
 * @Date         : 2021-01-27 11:36:02
 * @LastEditTime : 2021-01-27 13:59:59
 * @LastEditors  : jiangxiaoying
 * @FilePath     : \cloud-components\docs\pages\components\cloud-button\example4.vue
-->
<template>
  <div>
    <CloudButton type="primary">
      Primary
    </CloudButton>
    <CloudButton>secondary</CloudButton>
    <CloudDropdown>
      <CloudMenu slot="overlay" @click="handleMenuClick">
        <CloudMenuItem key="1">
          1st item
        </CloudMenuItem>
        <CloudMenuItem key="2">
          2nd item
        </CloudMenuItem>
        <CloudMenuItem key="3">
          3rd item
        </CloudMenuItem>
      </CloudMenu>
      <CloudButton> Actions <CloudIcon type="down" /> </CloudButton>
    </CloudDropdown>
  </div>
</template>
<script>
export default {
  title: '4.多个按钮组合',
  methods: {
    handleMenuClick(e) {
      console.log('click', e);
    },
  },
};
</script>